<link rel="stylesheet" href="/public/static/css/top.css">
<!--顶部区域开始-->
<header class="navbar" id="myNav">
    <div class="container clearfix">
        <div class="navbar-header">
            <a href=""><img src="/public/static/images/img_photo/logonew.png" alt="" class="img-responsive center-block" width="133px" height="52px"/></a>
            <button class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
        </div>
        <!--导航列表-->
        <div class="navbar-collapse collapse navbar-left">
            <ul class="navbar-nav nav">
                <li class="active"><a href="../">首页</a></li>
                <li><a href="./play">酷玩</a></li>
                <li><a href="./guid">导购</a></li>
                <li><a href="./user">试用</a></li>
                <li><a href="./report">报告</a></li>
            </ul>
        </div>

        <!--右边搜索按钮、注册按钮-->
        <div class="navbar-right clearfix" id="register-box">
            <a href="#" id="search-img"><img src="/public/static/images/img_icon/search.png" alt=""/></a>
            <!-- 登录注册按钮 -->
            <div class="login-box pull-right">
                <a href="" class="btn btn-success" id="login" data-toggle="modal" data-target="#myModal">登录</a>
                <a href="/register" target="_selt" class="btn btn-danger" id="register">注册</a>
            </div>
            <!-- 已登录个人信息 -->
            <div class="homepage pull-right clearfix">
                <div class="text-center pull-left">
                    <a href="" class="figure"><img src="/public/static/images/img_photo/cat_11.png" alt=""></a>
                    <p class="nick">hi! <span>昵称</span></p>
                </div>
                <a href="" class="exit">安全退出</a>
            </div>
            
        </div>

        <!--搜索框-->
        <form action="" class="navbar-right form-inline" id="search-box" style="display: none">
            <a href="#"><img src="/public/static/images/img_icon/search.png" alt=""/></a>
            <input type="text" placeholder="你想要找些什么"/>
            <button type="button" class="close" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        </form>
    </div>
</header>
<!--顶部区域结束-->

<!--登录框-->
<div class="modal" id="myModal">
    <div class="modal-dialog">
        <div class="modal-content">
            <!--头部-->
            <div class="modal-header">
                <span class="close" data-dismiss="modal" style="font-size: 35px;">&times</span>
                <div class="modal-title">
                    <h3>极果帐号登录</h3>
                </div>
            </div>
            <!--内容-->
            <div class="modal-body row">
                <form action="" class="clearfix">
                    <div>
                        <input type="text" class="form-control" placeholder="手机/邮箱/用户名"/>
                    </div>
                    <div>
                        <input type="password" class="form-control" placeholder="密码"/>
                    </div>
                    <div class="clearfix modal-login">
                        <div class="pull-left"><input type="checkbox" autocomplete="off"/>下次自动登录</div>
                        <div class="pull-right"><button class="btn btn-danger">登录</button></div>
                    </div>
                    <div class="reg">
                        <a href="/register" class="pull-left">立即注册</a>
                        <a href="#" class="pull-right">忘记密码？</a>
                    </div>

                </form>
            </div>
        </div>
    </div>
</div>
<script src="/public/static/js/jquery.min.js"></script>
<script src="/public/static/js/top.js"></script>
